// Plugin: gatsby-remark-autolink-headers plugin
.autolink-headers {
  fill: var(--warning3);
  left: -4px;
  position: absolute;

  &.before {
    left: 0;
    padding-right: 4px;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
  }

  svg {
    visibility: hidden;
  }
}

// Plugin: gatsby-remark-autolink-headers plugin
h1:hover .autolink-headers,
h2:hover .autolink-headers,
h3:hover .autolink-headers,
h4:hover .autolink-headers,
h5:hover .autolink-headers,
h6:hover .autolink-headers {
  svg {
    visibility: visible;
  }
}

// Plugin: gatsby-remark-prismjs
.gatsby-highlight {
  display: grid;
}
